Components › Forms & input › Date & time › Date field

Date field

canon

Input that parses typed dates and opens the calendar panel.

Used in 30 files · 21 areas · 56× — components/accounting, components/callwrapup, components/clen-tymu, components/dialog, components/kpi, components/mail …

Import

import { DateField } from '@acrm/ui'

Props

DateField packages/ui/src/components/DateField.tsx

NameTypeDefaultDescription
value *string | null—ISO YYYY-MM-DD, nebo null.
onChange *(value: string | null) => void——
minstring——
maxstring——
futureBiasbooleanfalse1.9. v minulosti → příští rok (termíny).
placeholderstring'Doplnit…'—
disabledbooleanfalse—
errorbooleanfalse—
localestringDEFAULT_LOCALE_TAG—
todayDate—Referenční „dnešek" — pro testy a ukotvené výpisy.
ariaLabelstring'Datum'—
idstring——
autoFocusbooleanfalseFokus do pole hned po připojení — inline editace (rail) aktivuje pole klikem.
clearablebooleantrueNabídnout „Vymazat" v kalendáři (výchozí ano). Ne, když hodnotu nejde smazat (povinné pole).
precision'none' | 'short' | 'full'—Přesnost roku v zobrazeném datu (obchází pravidlo „stejný rok → bez roku"). full = rok vždy („31. 5. 2026") — pro historická data a údaje „k datu", kde „31. 5." bez roku nic neříká. Bez propu platí konvence formatDate (kandidát DS, docs/DS-UPSTREAM-QUEUE.md č. 24).

CSS classes

.dp-field.dp-input.dp-open.dp-clear

Files